* {
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

:root {
  --header-height: 64px;
  --footer-height: 40px;
  --side-height: calc(100vh - 10px);
  --main-height: calc(100vh - var(--header-height) - var(--footer-height));
  --background-color-line: rgba(140, 228, 250, 0.5);
  --theme-background-color: #ffffff;
  --theme-text-color: #000000;
}

#ldn-app-page {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  min-width: 1024px;
  background-color: var(--theme-background-color);
  color: var(--theme-text-color);
}

.ldn-layout {
  position: relative;
  top: 0;
  left: 0;
  .ldn-layout-header {
    padding-inline: 10px;
    height: var(--header-height);
    background-color: var(--theme-background-color);
    color: var(--theme-text-color);
  }
  .ldn-layout-sider {
    background-color: var(--theme-background-color);
    color: var(--theme-text-color);
    .ldn-layout-sider-menu {
      background-color: var(--theme-background-color);
      color: var(--theme-text-color);
    }
  }
  .ldn-layout-content {
    padding-inline: 10px;
    height: var(--main-height);
    overflow-y: auto;
    background-color: var(--theme-background-color);
    color: var(--theme-text-color);
  }
  .ldn-layout-footer {
    height: var(--footer-height);
    padding: 0 10px;
    line-height: var(--footer-height);
    background-color: var(--theme-background-color);
    color: var(--theme-text-color);
  }
}

.ldn-login {
  width: 100vw;
  min-width: 1024px;
  height: 100vh;
  background: url("../image/login-bg.svg") no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  .ldn-login-container {
    .ldn-login-container-card{
      max-width: 300px;
    }
  }
}


@for $i from 0 through 100 {
  .w#{$i} {
    width: #{$i}+'%';
  }
  .h#{$i} {
    height: #{$i}+'%';
  }
  .vw#{$i} {
    width: #{$i}+'vw';
  }
  .vh#{$i} {
      height: #{$i}+'vh';
  }
}

.ldn-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  overflow: hidden;
  .ant-progress-inner{
    vertical-align: top;
  }
}